草庐IT

Bootstrap4 表单

全部标签

javascript - 不要询问确认用户是否提交表单

如果用户在未提交表单的情况下尝试重定向到另一个页面,我将使用以下JavaScript代码来警告他。window.onbeforeunload=function(){return'Areyousurethatyouwanttoleavethispage?';};这工作正常。但我的问题是当用户尝试使用提交按钮提交表单时会出现确认框。如果用户提交表单,我不想询问确认,否则我想询问确认。怎么可能? 最佳答案 维护一个状态变量。当用户点击提交按钮时将状态设置为userSubmitted=True;状态变量可能包括全局变量或隐藏控件。varus

javascript - AngularJS/UI Bootstrap - 删除时淡出警报

我将Angular与UIBootstrap一起使用.我创建了自定义指令,将广播警报推送到绑定(bind)到View的警报数组(呈现为Bootstrap警报)。在一定的超时后,警报将从数组中删除(并因此从View中删除)。这是代码:angular.module('myApp').directive('alerts',function($timeout){return{restrict:'E',templateUrl:'views/alerts.html',scope:true,/*sharescopebetweenalertsdirectives*/link:function(scope

javascript - 如何在没有表单标签的情况下使用 CasperJS 填写表单

我是CasperJS的新手,我在登录此站点时遇到问题http://weibo.com/login.php这是我尝试过的this.fill('form#contact-form',{'username':'test@test.com','password':'anypassword',},true);我不能使用它,因为它没有形式。所以我尝试了使用sendKeys的不同方法。this.sendKeys('.W_input','tinkerbell@gmail.com');现在我的问题是输入文本中没有ID,只有一个CLASS,用户名和密码都具有相同的CLASS。我怎样才能只使用那个类输入那个

javascript - 如何在 div 等其他元素上使用 Angular 表单验证?

我正在使用以下代码使用Angular表单验证Username:Usernameisrequired.但是如果我想这样使用:Username:Usernameisrequired.但这行不通。有什么办法可以完成这项工作吗?不使用任何其他库。jsfiddle:link 最佳答案 您可以使用ngForm指令(here)来启用$pristine,$dirty,$valid,$invalid其中的服务:这样定义就可以了:举个例子:http://jsfiddle.net/s5efjzue/ 关于ja

javascript - Angular 2,在表单中设置文本输入的值

所以我正在尝试一些Angular2,到目前为止我很喜欢它。但我需要一些帮助来驾驭这个新环境。我有一个用于编辑用户详细信息的表单和一个包含我所有用户的列表。当我点击列表中的一位用户时,我想用用户详细信息(setEditForm(user))填充我的编辑用户表单。我已经让它正常工作了。但我必须说,同时使用ngControl和ngModel感觉不太对。但也许是……这是执行此操作的正确方法还是我只是运气使它起作用?@Component({template:`Save)}exportclassAdminComponent{selectedUser:UserModel;constructor(){

javascript - 使用原型(prototype)javascript按下回车键时提交表单

我已经看到了一些其他关于此的问题,但没有关于Prototype的问题。我有一个没有提交按钮的表单(使用调用一些javascript的样式链接)。在所有输入字段中检测回车键并提交表单的最佳方法是什么?谢谢! 最佳答案 这是您可以使用的那种东西的示例:$('input').observe('keypress',keypressHandler);functionkeypressHandler(event){varkey=event.which||event.keyCode;switch(key){default:break;caseEve

javascript - 在 PhantomJS 上我不能包含 jQuery 并且没有 jQuery 我不能发布表单数据

我在PhantomJS中运行jQuery时遇到问题。我找到了this答案,其中谈到评估函数内没有可用变量,但问题是关于节点模块的,在我的示例中,我只在评估函数内调用console.log。我已经把这个问题放在GitHubtoo上了.以前,对于某些页面,以下evaluate代码不会执行。现在@b1f56gd4提供了一些帮助,它现在打印消息;我无法执行它,但现在我可以看到:Thepageathttps://login.yahoo.com/raninsecurecontentfromhttp://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquer

javascript - 如何在 Holder.js 图像中使用 Bootstrap Glyphicons

我正在使用Bootstrap构建一个元素的前端,我希望使用Glyphicons在3.0.0中找到而不是通常的文本。我该怎么做?熟悉Holder.js的人就会知道,JS基本上是在客户端创建占位图片。这对于节省带宽的应用程序很有用,因为您只需要下载脚本的重量(大约4Kb)并让客户端的机器生成图像。我想将Glyphicons与holder.js结合起来,即时生成大型高质量图标。使用Bootstrap调用Glyphicon如下所示:用holder.js调用带有“HelloWorld”文本的动态图片是这样完成的:我的理解是BootstrapCSS将Glyphicon类定义为字体,然后使用一个伪b

c# - 将序列化表单数据和附加数据发布到 MVC Controller ?

我正在尝试添加发送到我的服务器的POST请求的一些额外数据。最初,我只发送了几种形式的信息:$.ajax({url:'SaveAllDetails',type:'POST',data:$('form').serialize(),dataType:'json'});和MVCController方法:[HttpPost]publicActionResultSaveAllDetails([Bind(Prefix="order")]ExistingOrderDetailsModelexistingOrderDetailsModel,[Bind(Prefix="task")]ExistingTa

javascript - 如何检查在表单字段上按下的键是否为数字 (0 - 9)?

我在JavaScript的表单字段上使用onkeyup事件,我想检查按下的键是否是数字-即0-9,所以我可以然后对输入做一些事情。我需要为此使用Regex吗? 最佳答案 使用event.key获取实际值。要检查是否为整数,只需使用isFiniteinput.addEventListener("keydown",function(event){constisNumber=isFinite(event.key);});其他选项:constisNumber=/^[0-9]$/i.test(event.key)一个更简单的HTML解决方案是